<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <script>
        var iScale = 1;
        iScale = iScale / window.devicePixelRatio;
        document.write('<meta name="viewport" content="width=device-width,user-scalable=no,' +
                'initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">');
    </script>
</head>
<body style="background: #F2F2F2">
<header data-am-widget="header" class="am-header am-header-default sq-head ">

    <h1 class="am-header-title">
        <a href="" class="">评论</a>
    </h1>
</header>
<div style="height: 2rem"></div>

<div id="xq-text">
    <div class="left">
        <img src="img/wan.png" alt="">
    </div>
    <div class="right">
        <p class="title">形式与政策形式与政策形式与政策</p>
        <p class="title title-z">作者：沈佳柯</p>
        <p class="title title-z">分类：政治</p>
        <p class="conner"></p>
        <div class="submit-text">
            <a href="index.html">
                <p class="two">开始阅读</p>
            </a>
        </div>

    </div>
</div>
<div class="talk">
    <p class="title">评论</p>
    <div class="pl">
        <ul>
            <li>
                <div class="r-r">
                    <p class="name">马化腾</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我有QQ我怕谁</p>
                </div>
            </li>
            <li>
                <div class="r-r">
                    <p class="name">李彦宏</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我有百度我怕谁</p>
                </div>
            </li>
            <li>
                <div class="r-r">
                    <p class="name">马云</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我想说：在上的都是垃圾</p>
                </div>
            </li>
            <li>
                <div class="r-r">
                    <p class="name">马云</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我想说：在上的都是垃圾</p>
                </div>
            </li>
            <li>
                <div class="r-r">
                    <p class="name">马云</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我想说：在上的都是垃圾</p>
                </div>
            </li>
            <li>
                <div class="r-r">
                    <p class="name">马云</p>
                    <p class="data">2017-12-12 21:45:45</p>
                    <p class="contnet">我想说：在上的都是垃圾</p>
                </div>
            </li>
        </ul>
        <div class="p-post" style="">
            <input style="" placeholder="评论" type="text">
        </div>
    </div>
</div>


<div style="height: 2rem"></div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="新书.html" class="curr">
                <span><img src="img/q2.png"/></span>

            </a>
        </li>
        <li>
            <a href="阅读足迹.html" class="">
                <span><img src="img/w1.png"/></span>
            </a>
        </li>

        <li>
            <a href="书库.html" class="">
                <span><img src="img/e1.png"/></span>
            </a>
        </li>

    </ul>
</div>

</body>
<script>
    $(function(){

        //动态更新fontsize
        var width = $(document).width();
        var size = width/16;
        console.log(size);
        $('html').css('fontSize',size+'px');

    })
</script>
</html>